// 定义属性
@mainColor: #1890FF;
@bgColor: #f3f3f3;
@headerBgColor: #001529;
@fontColor: #999;
@font-color-icon: #cfd6df;

// btn配置
@btnHeight: 40px;
@btnBgColor: #f1ac7e;
@btnBgColor2: #7dc5a2;

@background-color-sb: #7d9cc5;
@background-color-lz: #7dc5a7;
@font-color-icon-time: #9bb5e9;
@background-color-gt: #e4ce74;
@border-color-li: #7dc5a2;
// 方法
.border-radius(@radius){
  border-radius:@radius;
  -moz-border-radius: @radius;
  -webkit-border-radius: @radius;
}

.overHidden(@n){
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @n;
  -webkit-box-orient: vertical;
}

.box-shadow(@str){
  box-shadow: @str;
  -webkit-box-shadow: @str;
  -moz-box-shadow: @str;
}

@webkit: -webkit-;
@moz: -moz-;
.comProperty(@str,@value){
  @{str}: @value;
}

.bg-image(@color){
  content: "";
  display: block;
  height: 15px;
  width: 100%;
  position: absolute;
  bottom:-15px;
  left: 0;
  background-size: 7px 10px;
  background-image: linear-gradient(135deg, @color 45%, transparent 55%, transparent 60%),
  linear-gradient(45deg, transparent 45%, transparent 55%,  @color 60%);
  background-repeat: repeat-x;
}